.home-slider{width:100%;height:100%; position:absolute; opacity:0;}
.home-slider .swiper-container {
  height: 100%;
  width: 100%;
  position: relative;
}
.home-slider .swiper-wrapper {transition: 2s linear 0.8s;}
.home-slider .swiper-slide{position: relative;color: #fff;overflow: hidden;background-size: cover;background-repeat: no-repeat;background-position: center center;}
.home-slider .swiper-slide .swiper-slide-content{width:1122px; color:#FFF; position:absolute; top:20%; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%);}
.home-slider .swiper-slide .swiper-slide-content small{font-size:18px; line-height:30px; display:block;opacity: 0;-webkit-transform: translate3d(-50px, 0, 0);transform: translate3d(-50px, 0, 0);transition: 1s ease 2s;}
.home-slider .swiper-slide-active .swiper-slide-content small{opacity:1;-webkit-transform: translate3d(0px, 0, 0);transform: translate3d(0px, 0, 0);}
.home-slider .swiper-slide .swiper-slide-content big{width:100%; font-size:58px;font-weight:400; letter-spacing:6px; line-height:140%; margin:30px 0px;display:block;opacity: 0;-webkit-transform: translate3d(-50px, 0, 0);transform: translate3d(-50px, 0, 0);transition: 1s ease 2s;}
.home-slider .swiper-slide-active .swiper-slide-content big{opacity:1;-webkit-transform: translate3d(0px, 0, 0);transform: translate3d(0px, 0, 0);}
.home-slider .swiper-pagination {
    position:absolute; width:100%; height:100px; background:#FF0000;
  }
.home-slider .swiper-button{position:absolute; bottom:110px; width:1122px;  z-index:10; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%);}
.home-slider .swiper-button .swiper-button-prev,.home-slider .swiper-button .swiper-button-next{position:static;float: left;content: ' ';width: 45px;height: 45px;background: white no-repeat center center;transition: all 100ms linear;cursor: pointer;opacity: 0.9; margin-top:0px;}
.home-slider .swiper-button .swiper-button-prev:hover,.home-slider .swiper-button .swiper-button-next:hover{opacity: 1;}
.home-slider .swiper-button .swiper-button-prev{background-image: url(../images/arrow_l.png);}
.home-slider .swiper-button .swiper-button-next{background-image: url(../images/arrow_r.png);border-left: 1px solid #eee;}

@media screen and (max-width:1680px){
.home-slider .swiper-slide .swiper-slide-content{width:1000px; top:49%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.home-slider .swiper-button{width:1000px;}
}

/*@media screen and (max-width:1100px){
.home-slider .swiper-slide .swiper-slide-content{width:720px; margin:0px 15px;}
.home-slider .swiper-button{width:70%; left:0px; transform:none; -webkit-transform:none;}
}

@media screen and (max-width:991px){
.home-slider .swiper-slide .swiper-slide-content big{font-size:48px;}
}
@media screen and (max-width:768px){
.home-slider .swiper-slide .swiper-slide-content{width:720px; margin:0px 15px;}
.home-slider .swiper-slide .swiper-slide-content small{font-size:24px;}
.home-slider .swiper-slide .swiper-slide-content big{font-size:60px;}
.home-slider .swiper-slide .swiper-slide-content big{margin:20px 0px 15px 0px;}
.home-slider .swiper-button{bottom:70px; left:30px}
.home-slider .swiper-button .swiper-button-prev,.home-slider .swiper-button .swiper-button-next{position:relative;float: left;content: ' ';width: 60px;height: 60px;transition: all 100ms linear;cursor: pointer; margin-top:0px; border:1px solid #FFF; background:none;}
.home-slider .swiper-button .swiper-button-prev em,.home-slider .swiper-button .swiper-button-next em{position:absolute; display:block; width:12px; height:24px; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); z-index:5;}
.home-slider .swiper-button .swiper-button-next{border-left: 0px; left:10px; position:relative;}
.home-slider .swiper-button .swiper-button-prev em{background: url(../images/btnleft.png) center center no-repeat;}
.home-slider .swiper-button .swiper-button-prev:hover em{background: url(../images/btnlefts.png) center center no-repeat;}
.home-slider .swiper-button .swiper-button-next em{background: url(../images/btnright.png) center center no-repeat;}
.home-slider .swiper-button .swiper-button-next:hover em{background: url(../images/btnrights.png) center center no-repeat;}
.home-slider .swiper-button .swiper-button-prev:after{width:0px; position:absolute; content:""; background: #FFF;height:100%; right:0px; transition:all 0.5s; -webkit-transition:all 0.5s;z-index:3;}
.home-slider .swiper-button .swiper-button-prev:hover:after{width:100%;}
.home-slider .swiper-button .swiper-button-next:after{width:0px; position:absolute; content:"";background:#FFF;height:100%; left:0px; transition:all 0.5s; -webkit-transition:all 0.5s;z-index:3;}
.home-slider .swiper-button .swiper-button-next:hover:after{width:100%;}
}*/
/*

@media screen and (max-width:480px){
.home-slider .swiper-slide .swiper-slide-content big{font-size:30px;}
}

@media screen and (max-width:400px){
.home-slider .swiper-slide .swiper-slide-content big{font-size:24px;}
}
*/
.pro-slider{width:100%;height:100%; position:absolute; background:#282828;}
.pro-slider .swiper-container {
  height: 100%;
  width: 100%;
  position: relative;
}
.pro-slider .swiper-wrapper {transition: 2s linear 0.2s;}
.pro-slider .swiper-slide{position: relative;color: #fff;overflow: hidden;}
.pro-slider .swiper-slide .pic{position:absolute; width:50%; height:50%; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.pro-slider .swiper-slide-active .pic{width:100%; height:100%; transition:all 0.5s 1.3s; -webkit-transition:all 0.5s 1.3s;}
.pro-slider .swiper-button{position:absolute; bottom:110px;  z-index:10; left:110px;}
.pro-slider .swiper-button .swiper-button-prev,.pro-slider .swiper-button .swiper-button-next{position:relative;float: left;content: ' ';width: 60px;height: 60px;transition: all 100ms linear;cursor: pointer; margin-top:0px; border:1px solid #FFF; background:none;}
.pro-slider .swiper-button .swiper-button-prev em,.pro-slider .swiper-button .swiper-button-next em{position:absolute; display:block; width:12px; height:24px; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); z-index:5;}
.pro-slider .swiper-button .swiper-button-next{border-left: 0px; left:10px; position:relative;}
.pro-slider .swiper-button .swiper-button-prev em{background: url(../images/btnleft.png) center center no-repeat;}
.pro-slider .swiper-button .swiper-button-prev:hover em{background: url(../images/btnlefts.png) center center no-repeat;}
.pro-slider .swiper-button .swiper-button-next em{background: url(../images/btnright.png) center center no-repeat;}
.pro-slider .swiper-button .swiper-button-next:hover em{background: url(../images/btnrights.png) center center no-repeat;}
.pro-slider .swiper-button .swiper-button-prev:after{width:0px; position:absolute; content:""; background: #FFF;height:100%; right:0px; transition:all 0.5s; -webkit-transition:all 0.5s;z-index:3;}
.pro-slider .swiper-button .swiper-button-prev:hover:after{width:100%;}
.pro-slider .swiper-button .swiper-button-next:after{width:0px; position:absolute; content:"";background:#FFF;height:100%; left:0px; transition:all 0.5s; -webkit-transition:all 0.5s;z-index:3;}
.pro-slider .swiper-button .swiper-button-next:hover:after{width:100%;}

.pro-slider .swiper-slide .swiper-slide-content{position:absolute; top:40%; left:110px; transform:translateY(-50%);}
.pro-slider .swiper-slide .swiper-slide-content big{width:100%; font-size:54px;font-weight:400; letter-spacing:6px; line-height:140%;opacity: 0;-webkit-transform: translate3d(-50px, 0, 0);transform: translate3d(-50px, 0, 0);transition: 1s ease 2s; display:block; }
.pro-slider .swiper-slide-active .swiper-slide-content big{opacity:1;-webkit-transform: translate3d(0px, 0, 0);transform: translate3d(0px, 0, 0);}
.pro-slider .swiper-slide .swiper-slide-content small{font-size:18px; margin-top:40px; letter-spacing:2px; line-height:30px;  padding-left:45px; transition:all 0.5s; -webkit-transition:all 0.5s; opacity: 0;-webkit-transform: translate3d(-50px, 0, 0);transform: translate3d(-50px, 0, 0);transition: 1s ease 2s;display:block;}
.pro-slider .swiper-slide-active .swiper-slide-content small{opacity:1;-webkit-transform: translate3d(0px, 0, 0);transform: translate3d(0px, 0, 0);}
.pro-slider .swiper-slide .swiper-slide-content small:hover{padding-left:65px;}
.pro-slider .swiper-slide .swiper-slide-content small:before{position:absolute;content:"";width:25px; height:1px; background:#FFF; left:0px; top:15px; transition:all 0.5s; -webkit-transition:all 0.5s;}
.pro-slider .swiper-slide .swiper-slide-content small:hover:before{width:35px;}
.pro-slider .pro_box{position:absolute; bottom:110px;  z-index:10; right:110px;  cursor:pointer;}
.pro-slider .pro_box .txt{width:270px; height:60px;border:1px solid #FFF; position:relative;}
.pro-slider .pro_box .txt span{display:block;position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:95%;line-height: 1.4;z-index: 2;text-transform: uppercase;letter-spacing: 0.12em;font-weight: 500;font-size: 0.75rem; color:#FFF; text-align:center;}
.pro-slider .pro_box:hover .txt span{color:#333;}
.pro-slider .pro_box .txt:after{position:absolute; content:"";width:0px; right:0px;height:100%; background:#FFF; transition:all 0.5s; -webkit-transition:all 0.5s; z-index:1;}
.pro-slider .pro_box:hover .txt:after{width:100%;}
.pro-slider .pro_box .img{position: absolute;width: 100%;left: 0;bottom: 100%;transform: scaleY(0);transform-origin: bottom left;transition: -webkit-transform 0.45s cubic-bezier(0.4, 0, 0.2, 1) 0.075s;transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1) 0.075s;transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1) 0.075s, -webkit-transform 0.45s cubic-bezier(0.4, 0, 0.2, 1) 0.075s;}
.pro-slider .pro_box:hover .img{transform: scaleY(1);transition-delay: 0s;}


/*@media screen and (max-width:640px){
.pro-slider .swiper-slide .swiper-slide-content big{font-size:30px;}
.pro-slider .swiper-button{left:20px; bottom:40px;}
.pro-slider .pro_box{right:20px;bottom:40px;}
.pro-slider .swiper-slide .swiper-slide-content{left:0px;margin:0px 20px;}
.pro-slider .swiper-button .swiper-button-prev,.pro-slider .swiper-button .swiper-button-next{width:50px; height:50px;}
.pro-slider .pro_box .txt{width:200px; height:50px;}
.pro-slider .pro_box .txt span{font-size:12px; width:95%; text-align:center;}
}
<!--@media screen and (max-width:991px){
.pro-slider .swiper-slide .swiper-slide-content big{font-size:44px;}
.pro-slider .pro_box{right:40px;}
.pro-slider .swiper-slide .swiper-slide-content{left:40px;}
}

@media screen and (max-width:768px){
.pro-slider .swiper-button{left:30px;}
.pro-slider .swiper-slide .swiper-slide-content big{font-size:34px;}
}-->

@media screen and (max-width:480px){
.pro-slider .swiper-slide .swiper-slide-content big{font-size:24px;}
.pro-slider .swiper-slide .swiper-slide-content small{padding-left:25px;}
.pro-slider .swiper-slide .swiper-slide-content small:before{width:15px;}
.pro-slider .swiper-slide .swiper-slide-content small:hover{padding-left:35px;}
.pro-slider .swiper-slide .swiper-slide-content small:hover:before{width:25px;}
.pro-slider .pro_box .txt{width:170px;}
}*/